﻿body {
    font: 14px/1.6 "Microsoft YaHei", '微软雅黑', Tahoma, Verdana, Arial, '宋体', sans-serif;
}
.w1300{width: 1300px;}
.swiper-container {height:500px;}
.swiper-container img {width: 100%;
  height: 100%;}
/*基础入门*/
.jichu{margin: 0 auto;}
#biaoti {
    text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
#biaoti h2 {
    font-size: 30px;
    color: #434343;
    font-weight: normal;
    text-align: center;
}
#biaoti span{font-size: 22px;color: #d8d8d8;text-align: center;}
#neirong li.xg_jichu {
    float: left;
    margin-bottom: 30px;
}
#neirong .kaifa {
  padding-left:200px;
}
.jichu_mc,.jichu_cx,.jichu_sdk,.jichu_kaifa,.jichu_user{
    position: relative;
    width: 376px;
    height: 155px;
    border: 1px solid #ccc;
    color: #fff;
    cursor: pointer;
	}
.jichu_mc a,.jichu_cx a,.jichu_sdk a,.jichu_kaifa a,.jichu_user a{color: #fff;}
.jichu_mc span#t,.jichu_cx span#t,.jichu_sdk span#t,.jichu_kaifa span#t,.jichu_user span#t{
    height: 75px;
    width: 100px;
    display: block;
    margin-top: 40px;
    margin-left: 40px;
	-webkit-transition: -webkit-transform 1s;
    }
.jichu_mc span#t:hover,.jichu_cx span#t:hover,.jichu_sdk span#t:hover,.jichu_kaifa span#t:hover,.jichu_user span#t:hover{
-webkit-transform: rotate(360deg);}

.jichu_mc span#h,.jichu_cx span#h,.jichu_sdk span#h,.jichu_kaifa span#h,.jichu_user span#h{
    position: relative;
    top: -75px;
    left: 160px;
    font-size: 28px;
    }

.jichu_mc span#more,.jichu_cx span#more,.jichu_sdk span#more,.jichu_kaifa span#more,.jichu_user span#more{
    position: relative;
    top: -40px;
    left: 50px;
    font-size: 14px;
    }
.jichu_mc em#sanjiao,.jichu_cx em#sanjiao,.jichu_sdk em#sanjiao,.jichu_kaifa em#sanjiao,.jichu_user em#sanjiao{
    background: url(images/index/sanjiao.png);
    position: relative;
	top:-45px!important;
    margin-top: -36px;
    height: 30px;
    width: 30px;
    float: left;
    margin-left: 210px;
	}

.jichu_mc {background-color: #47bec6;}
.jichu_mc:hover,.jichu_cx:hover, .jichu_sdk:hover,.jichu_kaifa:hover,.jichu_user:hover{ border: 1px solid #10a6c1;}
.jichu_mc:hover span#t,.jichu_cx:hover span#t, .jichu_sdk:hover span#t,.jichu_kaifa:hover span#t,.jichu_user:hover span#t{
-webkit-transform: rotate(360deg);}
.jichu_mc span#t {background: url(images/index/mcjs.png) no-repeat;}
.jichu_cx {background-color: #fcae59;}
.jichu_cx span#t {background: url(images/index/cxaz.png) no-repeat;}
.jichu_sdk {background-color: #00a99e;}
.jichu_sdk span#t { background: url(images/index/sdk.png) no-repeat;}
.mlr30{margin: 0 30px;}
.jichu_kaifa { background-color: #f08072;}
.jichu_kaifa span#t { background: url(images/index/kaifa.png) no-repeat;}
.jichu_user {background-color: #afd37c;}
.jichu_user span#t {background: url(images/index/user.png) no-repeat;}
#neirong ul {}
.clear {clear:both}
.ptp30{padding-top:30px;}

/*知识加油站*/
.zhishi{height:480px;background: url(images/index/zhishi.png) repeat-x  0 30px;margin: 0 auto;}
.zhishi #biaoti h2 {color: #fff;}
.zhishi #biaoti span{color:rgba(135, 135, 135, 0.51);}
.zhishi #neirong {margin: 0 auto;}
.zhishi #neirong li{float: left;margin:0 185px;padding-top:15px;}
.zhishi #neirong li:last-child {margin-right:0px;}
.zhishi #neirong li:first-child{margin-left:0px;}
.zhishi #neirong .pro {width:142px;}
.zhishi #neirong .pro span{float:left; display:inline;height:auto; }
.zhishi #neirong .pro span#t{border:1px solid white;padding:50px;border-radius:50%}
.zhishi #neirong .pro span#h{float:left;color:#ccc;padding-top:30px; font-size: 20px;padding-left:60px;}
.zhishi #neirong .pro:hover span#t{background-color: #1790ab;border:0px solid;}
.zhishi #neirong .pro:hover span#h{color: #1790ab;}

/*常见问题*/
.wenti #neirong {margin: 0 auto;}
.wenti{height:550px;margin: 0 auto;background-color:#f2f2f2;}
.wenti #biaoti {margin-top: 0px;padding-top:30px;}
.lanmu {background-color: #607D8B;width:280px;height:70px;}
.lanmu h3  {    font-size: 18px;
    font-weight: normal;
    text-align: center;
    height: 42px;
    color: #fff;
    top: -45px;
    line-height: 40px;
    position: relative;}
#ht .lanmu span {background: url(images/index/icon-ht.png) no-repeat 20px 15px;display: block;height:60px;}
#sdk .lanmu span {background: url(images/index/icon-sdk.png) no-repeat 20px 15px;display: block;height:60px;}
#pc .lanmu span {background: url(images/index/icon-pc.png) no-repeat 20px 15px;display: block;height:60px;}
#qt .lanmu span {background: url(images/index/icon-qt.png) no-repeat 20px 15px;display: block;height:60px;}
.wenti #neirong ul {float:left; margin:0 10px;background-color: #fff;padding-bottom:15px;   height: 328px;
overflow: hidden;}
.wenti #neirong li {padding-top:15px;font-size: 16px;
list-style: square inside url('images/index/li.png');
padding-left:10px;width:270px;overflow:hidden;
white-space:nowrap;text-overflow: ellipsis;}
.wenti #neirong li a{color: #8c7777;}
.wenti #neirong li a:hover{color: #10a6c1;}
/*服务与支持*/
.fuwu{height:500px;margin: 0 auto;background-color:#fff;}
.fuwu  #neirong {margin: 0 auto;}
.fuwu  #neirong ul {float:left;background-color: #fff;padding:35px 0;}
.fuwu  #neirong li {float:left;width:300px;overflow:hidden;}
.mrl30{margin: 0 145px;}
.fuwu  #neirong span {float:left;width:170px;font-size: 18px;margin-top:5px;}
.fuwu  #neirong em {float:left;width:190px;font: 14px/1.6 "Microsoft YaHei", '微软雅黑';color:#959595;}
.fuwu  #neirong .tu{width:80px;float: left;margin-right:30px;
-webkit-transform-style:preserve-3d;
-webkit-transition:1s;
-moz-transform-style:preserve-3d;
-moz-transition:1s;}
.fuwu  #neirong .tu:hover{
-webkit-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);}

@media screen and (max-width: 760px){
  .mlr30 {
    margin: 0;
  }
  #neirong .kaifa {
    padding: 0;
  }
  .zhishi {
    height: auto;
  }
  .zhishi #neirong ul {
    clear: both;
    overflow: hidden;
    padding-bottom: 15px;
  }
  .zhishi #neirong li {
    margin: 0;
    width: 33%;
  }
  .zhishi #neirong .pro {
    width: 100%;
    text-align: center;
  }
  .zhishi #neirong .pro span#t {
    float: none;
    display: inline-block;
    padding: 10px;
  }
  .zhishi #neirong .pro span img {
    width: 60px;
    height: 60px;
  }
  .zhishi #neirong .pro span#h {
    float: none;
    display: block;
    font-size: 14px;
    padding-left: 0;
  }
  /*.zhishi {
    height: auto;
    background-repeat: repeat;
  }
  .zhishi #neirong li {
    margin: 0;
  }
  .zhishi #neirong li,.zhishi #neirong .pro span,.zhishi #neirong .pro span#h {
    float: none;
    display: block;
  }
  .zhishi #neirong .pro {
    margin: 0 auto;
    width: 192px;
  }
  .zhishi #neirong .pro span#h {
    padding-left: 0;
    padding-top: 5px;
    padding-bottom: 10px;
    text-align: center;
  }*/
  .wenti #neirong ul {
    width: 100%;
    margin: 0;
  }
  .lanmu {
    width: 100%;
  }
  .wenti #neirong li {
    width: auto;
    max-width: 100%;
  }

  .jichu_mc, .jichu_cx, .jichu_sdk, .jichu_kaifa, .jichu_user {
    width: 100%;
  }

  .swiper-container {
    height: 140px;
  }
  .swiper-container .swiper-slide {
    width: 100%;
    overflow: hidden;
  }
  .swiper-container .swiper-slide a{
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center top;
  }
  .swiper-container img {
    display: none;
  }
  #biaoti {
    margin-top:15px;
    margin-bottom: 15px;
  }


  .jichu #neirong li.xg_jichu {
    float: none;
  }
  .jichu_mc span#more, .jichu_cx span#more, .jichu_sdk span#more, .jichu_kaifa span#more, .jichu_user span#more {
    display: block;
    top: -72px;
    left: 160px;
    width: 90px;
  }
  .jichu_mc em#sanjiao, .jichu_cx em#sanjiao, .jichu_sdk em#sanjiao, .jichu_kaifa em#sanjiao, .jichu_user em#sanjiao {
    float: none;
    display: block;
    top: -72px!important;
  }

}
